<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="description" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="keywords" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="author" content="name, sycbbb@sina.com"/>
	<meta name="robots" content="index,follow"/>
	<title>蜂媒介-社会化媒体策略专家平台</title>
	<link rel="stylesheet" href="styles/index.css">
	<link rel="stylesheet" href="styles/swiper-3.4.0.min.css">
</head>
<body>
<!-- header begin -->
<div class="header">
    <div class="w">
    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
    	<div class="nav">
    		<ul>	
    			<li><a href="video.html">直播/短视频</a></li>
    			<li><a href="WeChat_promotion.html">微信推广</a></li>
    			<li><a href="microblog.html">微博红人</a></li>
    			<li class="active"><a href="advertorial.html">软文发稿</a></li>
    			<li><a href="specialist.html">媒介专家</a></li>
    			<li><a href="wasp.html">蜂效应</a></li>
    			<li><a href="about.html">关于我们</a></li>		                                      
    		</ul>
    	</div>
    </div>
</div>
<!-- header end -->
<!-- container begin -->
<div class="container">
    <!-- banner begin -->
	<div class="banner">
	    <div class="swiper-container">
		    <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
		    </div>
		</div>
		<div class="login w">
			<div class="login-container">
				<ul>
					<li class="active">广告主登录</li>
					<li>媒介主登录</li>
					<div class="line"></div>
				</ul>
				<div class="login-list">
					<form class="form" style="display:block;">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="error-prompt">
							<p>请输入帐号</p>
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<form class="form">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<!-- 登录后 begin -->
					<!--   <div class="login-success">
					      <div class="img">
					      	 <img src="images/head_icon.jpg" alt="">
					      </div>
					      <p>欢迎您，13719236677</p>
					  	  <a href="">进入广告主平台</a>
					  </div> -->
					<!-- 登录后 end -->
				</div>
			</div>
		</div>
	</div>
	<!-- banner end -->
	<!-- 软文发稿 begin	 -->
	<div class="soft-wen">
		<div class="w">
	    	<div class="title soft-title">
				<h3><i></i>软文发稿</h3>
				<p>依托海量优质流量资源，为广告主提供跨平台、跨终端的媒体投放策略，并利用大数据处理算法实现成本可控、效果可观、一键定投</p>
			</div>
			<div class="soft-container">
				<ul class="soft-nav">
		    		<li class="active">全国门户</li>
		    		<li>垂直门户</li>
		    		<li>地方门户</li>
		    		<li>论坛</li>                                          
		    	</ul>
		    	<div class="soft-text-all">
		    		<div class="soft-text-list" style="display:block;">
		    		    <ul class="soft-top">
		    		        <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		        <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		       <li>
			    		        <a href="">
			    		        	<div class="img"><img src="images/1.jpg" alt=""></div> 
		    		       	        <p>新浪网新闻</p>
			    		        </a>  
		    		       </li>
		    		    </ul>
		    		</div>
		    		<div class="soft-text-list">100</div>
		    		<div class="soft-text-list">200</div>
		    		<div class="soft-text-list">300</div>
		    		<div class="soft-text-list">400</div>
		    		<div class="soft-text-list">500</div>
		    		<div class="soft-text-list">600</div>
		    		<div class="soft-text-list">700</div>
		    	</div>
		    	<div class="div-soft-bottom">
		    		<ul class="soft-bottom">
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    	<li><a href=""><img src="images/soft-b.jpg" alt=""></a></li>
	    		    </ul>
		    	</div>	  
	        </div>
		</div>
	</div>
	<!-- 软文发稿 end	 -->
	<!-- 媒体焦点推荐 begin -->
    <div class="foci">
		<div class="w">
	    	<div class="title foci-title">
				<h3><i></i>媒体焦点推荐</h3>
				<p>依托海量优质流量资源，为广告主提供跨平台、跨终端的媒体投放策略，并利用大数据处理算法实现成本可控、效果可观、一键定投</p>
			</div>
			<div class="foci-container">
				<ul class="foci-nav">
		    		<li class="active">网站首页</li>
		    		<li>频道首页</li>
		    		<li>二级频道首页</li>
		    		<li>三级频道首页</li>
		    		<li>列表页入口</li>                                          
		    	</ul>
		    	<div class="foci-text-all">
		    		<div class="foci-text-list" style="display:block;">
		    		   <ul>
			    		   	<li>
			    		   	   <img src="images/foci1.jpg" alt="">
			    		   	   <p>新闻首页推荐</p>
			    		   	</li>
			    		   	<li>
			    		   		<img src="images/foci1.jpg" alt="">
			    		   	   <p>门户网首页推荐</p>
			    		   	</li>
			    		   	<li>
			    		   		<img src="images/foci1.jpg" alt="">
			    		   	   <p>垂直门户网首页推荐</p>
			    		   	</li>
		    		   </ul>
		    		</div>
		    		<div class="foci-text-list">100</div>
		    		<div class="foci-text-list">200</div>
		    		<div class="foci-text-list">300</div>
		    		<div class="foci-text-list">400</div>
		    		<div class="foci-text-list">500</div>
		    		<div class="foci-text-list">600</div>
		    		<div class="foci-text-list">700</div>
		    	</div>
	        </div>
		</div>
	</div>
    <!-- 媒体焦点推荐 end -->
    <!-- 微信成功案例 begin -->
    <div class="WeChat-promotion foci-success">
	    <div class="w">
	    	<div class="title WeChat-success-title">
				<h3><i></i>成功案例</h3>
				<p></p>
			</div>
			<div class="foci-success-container">
				<ul class="foci-success-nav">
		    		<li class="active">汽车行业</li>
		    		<li>快消食品</li>
		    		<li>服装鞋类</li>
		    		<li>母婴奶粉</li>
		    		<li>电子商务</li>
		    	</ul>
		    	<div class="foci-success-all">
		    		<div class="foci-success-list" style="display:block;">
		    		    <div class="fociTitle"><h2>一汽打众</h2><a href="">查看详情>></a></div>
		    		    <div class="content">
		    		    	<div class="left">
		    		    		<h3>标题标题标题标题标题</h3>
		    		    		<p>文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字文字文字</p>
		    		    		<p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
		    		    	</div>
		    		    	<div class="right">
		    		    		<h4>投放媒体</h4>
		    		    		<p>文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字</p>
		    		    		<h4>投放媒体</h4>
		    		    		<p>文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
		    		    		<h4>投放媒体</h4>
		    		    		<p>文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字字文字文字文字文字</p>
		    		    		<h4>投放媒体</h4>
		    		    		<p>文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
		    		    	</div>
		    		    </div>
		    		    <div class="resource">
		    		        <h4>投放资料</h4>
		    		    	<ul>
		    		    		<li>
		    		    			<img src="images/1.jpg" alt="">
		    		    			<p>新浪</p>
		    		    			<a href="">查看报价</a>
		    		    		</li>
		    		    		<li>
		    		    			<img src="images/1.jpg" alt="">
		    		    			<p>新浪</p>
		    		    			<a href="">查看报价</a>
		    		    		</li>
		    		    		<li>
		    		    			<img src="images/1.jpg" alt="">
		    		    			<p>新浪</p>
		    		    			<a href="">查看报价</a>
		    		    		</li>
		    		    	</ul>
		    		    </div>
		    		</div>
		    		<div class="foci-success-list">100</div>
		    		<div class="foci-success-list">200</div>
		    		<div class="foci-success-list">300</div>
		    		<div class="foci-success-list">400</div>
		    	</div>
			</div>
	    </div>	
	</div>
    <!-- 微信成功案例 end -->
</div>
<!-- container end -->
<!-- footer begin -->
<div class="footer">
	<div class="w">
		<div class="footer-top">
			<img src="images/er.jpg" alt="">
			<div class="right">
				<dl>
					<dt>友情链接:</dt>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
				</dl>
				<ul>
					<li><a href="">关于我们</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">加入我们</a></li>
					<li><a href="">欢迎合作</a></li>
					<li><a href="">服务条款</a></li>
					<li><a href="">隐私声明</a></li>
					<li><a href="">投诉建议</a></li>
				</ul>
			</div>
		</div>
		<div class="footer-bottom">
			<p>Copyright ©2016 城外圈：一站式智能营销平台 广东天展网络科技有限公司 版权所有粤ICP备11015542号</p>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
		</div>
	</div>
</div>
<!-- footer end -->
<!-- backtop begin -->
<div class="back-top">
	<a class="qq" href="#"></a>
	<a class="top" href="javascript:;"></a>
</div>
<!-- backtop end -->
<!-- script begin -->
<script src="scripts/lib/jquery-1.8.3.min.js"></script>
<script src="scripts/lib/swiper-3.4.0.jquery.min.js"></script>
<script src="scripts/index.js"></script>
<script>
    //软文发稿
    $(".soft-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".soft-text-all .soft-text-list").eq($(this).index()).show().siblings().hide();
    }); 
    $(".soft-top li").bind("hover",function(){
        $(this).addClass("active").siblings().removeClass("active");
    }); 
    //媒体焦点推荐
    $(".foci-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".foci-text-all .foci-text-list").eq($(this).index()).show().siblings().hide();
    }); 
    //foci-success微信成功案例
    $(".foci-success-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".foci-success-all .foci-success-list").eq($(this).index()).show().siblings().hide();
    }); 
</script>
<!-- script end -->
</body>
</html>